<script setup lang="ts">
import { RouterView } from 'vue-router'
import Header from './components/Header.vue'
import Footer from './components/Footer.vue';
</script>

<template>
  <el-config-provider>
    <Header />
    <main class="main-content">
      <RouterView />
    </main>
    <Footer />
  </el-config-provider>
</template>

<style scoped lang="less">
.main-content {
  padding-top: 60px;
  min-height: calc(100vh - 60px);
  background-color: var(--el-bg-color-page);
}
</style>
